<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>财务报表</title>
		<meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<link rel="stylesheet" href="../css/mui.min.css">
		<link rel="stylesheet" type="text/css" href="../css/mui.picker.min.css"/>
		<link rel="stylesheet" href="../css/public.css" />
		<link rel="stylesheet" type="text/css" href="../css/fund_details.css"/>
	</head>
	<body>
		<header id="header" class="mui-bar mui-bar-nav jjs-header">
			<h2 class="mui-title">财务报表</h2>
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left header-left-result"></a>
			<a class="mui-icon mui-icon-bars mui-pull-right header-right"></a>
		</header>
		<div class="mui-content cs_nobg">
		<div class='cs_nav_title'>
			<div id="" class="mui-segmented-control">
				<a class="mui-control-item mui-active" href="#item1">财务指标</a>
				<a class="mui-control-item" href="#">资产和负债</a>
				<a class="mui-control-item" href="#">利润分配</a>
			</div>
		</div>
			
			
		<div class="cs_card-box">
			<div class="mui-card">
				<div class="mui-card-content">
					<div class="cs_card_info">
						<span class="cs_tips_block">数据截止日期：</span><span onclick="setYears(this)" class="cs_get_year unfold_tips">2017上半年</span></div>
						<div class="cs_f_right">
							<i class="cs-bule-point"></i>单位:元
						</div>
					</div>
					<div class="cs_table_box">
						<div class="cs_table_head t_cen  flex-box">
							<div class="flex-1">
								项目
							</div>
							<div class="flex-1">
								6月30日
							</div>
							<div class="flex-1">
								3月31日
							</div>
						</div>
						<div class="cs_table_list_box">
							<div class="cs_table_list_item t_cen flex-box">
								<div class="flex-1 t_hide">
									本期已实现收益
								</div>
								<div class="flex-1 t_green t_hide">
									-415415.2154
								</div>
								<div class="flex-1 t_green t_hide">
									-545515.515
								</div>
							</div>
							
							<div class="cs_table_list_item t_cen flex-box">
								<div class="flex-1">
									本期利润
								</div>
								<div class="flex-1 t_red t_hide">
									-415415.2154
								</div>
								<div class="flex-1 t_red t_hide">
									-545515.515
								</div>
							</div>
							
							<div class="cs_table_list_item t_cen flex-box">
								<div class="flex-1 t_hide">
									加权平均基金份额利润
								</div>
								<div class="flex-1 t_hide">
									--
								</div>
								<div class="flex-1 t_hide">
									--
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		
		<script src="../js/jquery.min.js"></script>
		<script src="../js/mui.min.js"></script>
		<script src="../js/mui.picker.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="../js/public.js"></script>
		
		
		<script>
//			组装年份结构
			function getYears (beginyear){
				var years = [];
				var beginy = beginyear ? beginyear :1992;
				var today = new Date();
				var endy = today.getFullYear()+1;
				for (i=beginy;i<endy;i++) {
					var item = {};
					item.value = i;
					item.text = i;
					item.children =[{value: "上半年", text: "上半年"},{value: "下半年",text: "下半年"}];
					years.push(item);
				}
				return years;
			}
			
			var picker = new mui.PopPicker({
			    layer: 2
			});
			var options = getYears(1992);
			picker.setData(options)
//			picker.pickers[0].setSelectedIndex(0);
//			picker.pickers[1].setSelectedIndex(0);


			function setYears (e) {
//				获取到的时间
				picker.show(function(SelectedItem) {
					console.log(JSON.stringify(SelectedItem));
					$(e).html(SelectedItem[0].value+SelectedItem[1].value)
				})
			}
		</script>
	</body>

</html>